body {
 background-color: #ffffff;
 font-family: Arial, Helvetica, sans-serif;
 margin: 100px 0 3em 0;
 padding: 0;
 font-size: 16px;
 font-weight: bolder;
}
#menunav {
 margin: 0;
 padding:0;
}
#menunav li {
 list-style-type: none;
 margin: 0;
 padding: 0;
 background-image:  url(img/debajo_btn.jpg);
 /* background-repeat: repeat-x; */
 border-bottom: 1px solid #0074E3;
 background-color: #0074E3;
}
#menunav ul {
 border-top: 1px solid #eeeeee;
 margin: 0;
 padding: 0;
 z-index: 10000;
}
#menunav ul li {
 border-left: 1px solid #FFFFFF;
 border-bottom: 1px solid #333333;
}
#menunav a {
 display: block;
 text-decoration: none;
 background-color: transparent;
 padding: 4px 12px 4px 10px;
 color: #ffffff;
 border-top: 1px solid #0061BD;
 border-right: 1px solid #0061BD;
 border-bottom: 0;
 border-left: 4px solid #0061BD;
 line-height:1;
}
/*controla la botonera */
#menunav a:hover, #menunav a:active, #menunav a:focus,
#menunav .menuon, #menunav .menuon:hover, 
#menunav .menuon:active {
 color: #333333;
 background-color: #0061BD;
 letter-spacing: 0.01px;
 border-top: 1px solid #0061BD;
 border-right: 1px solid #0061BD;
 border-left: 4px solid #0061BD;
 background-image:  url(img/encima_btn.jpg);
 background-repeat: repeat-x;
}
#menunav .menumark, #menunav .menumark:hover {
 font-weight: bold;
}
/*Controlan los links y la imagen de flecha */
/*the normal trigger link */
#menunav .menutrg, #menunav .menutrg:hover, #menunav .menutrg:active {
 background-image:  url(img/flecha.gif);
 background-repeat: no-repeat;
 background-position: right center;
}
#menunav .menutrg:hover {
 background-position: right center;
 background-image:  url(img/encima_btn.jpg);
 background-repeat: repeat-x;
}
/*controla el desplazamiento y alcance de los submenus */
#menunav .menuhide {
 left: -9000px;
 border: 0;
}
#menunav .menushow {
 left: auto;
 z-index: 20000;
}


/*modifica el menu madre */
#sidebar {
 position: absolute;
 top: 150px;
 left: 10px;
 width: 11em;
 font-size: 0.85em; 
}

/* aca empieza el segundo */
ul#navlist { font-family: sans-serif; }

ul#navlist a
{
font-weight: bold;
text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#navlist li { float: left; }

ul#navlist li a
{
color: #ffffff;
background-color: #003366;
padding: 3px;
border: 1px #ffffff outset;
}

ul#navlist li a:hover
{
color: #ffff00;
background-color: #003366;
}

ul#navlist li a:active
{
color: #cccccc;
background-color: #003366;
border: 1px #ffffff inset;
}

ul#mainmenu { display: none; }
ul#mainmenu li { float: none; }

ul#mainmenu li a
{
padding: 0px;
margin: 0px;
}

ul#navlist li:hover ul#mainmenu
{
display: block;
position: absolute;
font-size: 8pt;
padding-top: 5px;
}

ul#navlist li:hover ul#mainmenu li a
{
display: block;
width: 12em;
border: none;
padding: 2px;
}

ul#navlist li:hover ul#mainmenu li a:before { content: " >> "; }

ul#submenu { display: none; }
ul#submenu li { float: none; }

ul#submenu li a
{
padding: 0px;
margin: 0px;
}

ul#mainmenu li:hover ul#submenu
{
display: block;
position: absolute;
font-size: 8pt;
left:14em;
margin: -18px;
}

ul#mainmenu li:hover ul#submenu li a
{
display: block;
width: 12em;
border: none;
padding: 2px;
}
